﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NEWAnalytical.aspx.cs" Inherits="mpsalaryprojectgroup.NEWAnalytical" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
  <title>Welcome to the PGS Portal</title>

  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <% chartInclude(); %>
   


    <style type="text/css">
        .style2
        {
            width: 66px;
        }
        .style3
        {
            width: 139px;
            color: #663300;
        }
        .style4
        {
            width: 78px;
            color: #663300;
        }
        .style7
        {
            height: 14px;
        }
        .style8
        {
            width: 91px;
        }
        .style9
        {
            color: #FF9900;
        }
        .style10
        {
            color: #666666;
        }
        .style11
        {
            color: #663300;
        }
        .style12
        {
            height: 14px;
            width: 6px;
        }
        .style13
        {
            font-size: large;
            color: #CC6600;
        }
        .style14
        {
            color: #663300;
            text-decoration: underline;
            font-size: small;
        }
        .style15
        {
            width: 6px;
        }
    </style>
        


</head>
<body>
    
    <form id="form1" runat="server">
      <meta charset="utf-8" />

	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
  
	<!-- Included CSS Files -->
	<link rel="stylesheet" href="CSS\foundation.css">
	<link rel="stylesheet" href="CSS\app.css">
    <link rel="stylesheet" href="CSS\ie.css">
	


	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <!--CSS for hover over navigation tab-->
    
    <link rel="stylesheet" href="CSS/Tab.css">
    <script type="text/javascript" src="dropdown_menu.js"></script>
    <script type="text/javascript">
        var websiteID = 'thedesignsuperhero.com';
    </script>
    <script type="text/javascript" src="http://analytics.hosting24.com/s.php"></script>
    <noscript>
    <a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/s.php?websiteID=thedesignsuperhero.com" alt="web hosting" /></a>
    </noscript>

        <!--Navigation tab part 2 -->
<script>
    // Javascript originally by Patrick Griffiths and Dan Webb.
    // http://htmldog.com/articles/suckerfish/dropdowns/
    sfHover = function () {
        var sfEls = document.getElementById("navbar").getElementsByTagName("li");
        for (var i = 0; i < sfEls.length; i++) {
            sfEls[i].onmouseover = function () {
                this.className += " hover";
            }
            sfEls[i].onmouseout = function () {
                this.className = this.className.replace(new RegExp(" hover\\b"), "");
            }
        }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
    
    <%--<link rel="stylesheet" href="CSS\Tab1.css">--%>


    <div class="container">
		<div class="row">
			<div class="twelve columns" align="center">
				<img alt="" src="Images/orangesample%20copy.jpg" />
			</div>
		</div>
    </div>

    <div class="row">
        <!--for navigation tab-->
        <%--<ul id="button">

         <li><a href="#">Home</a></li>
         <li><a href="#">About</a></li>
         <li><a href="#">Services</a></li>
         <li><a href="#">Clients</a></li>
         <li><a href="#">Products</a></li>
         <li><a href="#">F.A.Q</a></li>
         <li><a href="#">Contact Us</a></li>
         <li><a href="/NEWMainPage.aspx">Sign Out</a></li>
           </ul>--%>


       <!--Navigation part 2-->
        
		<ul id="navbar">
			<li><a href="NEWUserExportFile.aspx">Home</a>
            <!-- put link to link back to homepage -->
			</li>
                <%--<li><a href="/NEWUserExportFile.aspx">View Result</a>
				<ul>
					<li><a href="/NEWUserExportFile.aspx">Past Result</a></li>
				</ul>			
			</li>--%>
            <li><a href="NEWAnalytical.aspx">Analytical</a>
                <ul>
                    <li><a href="NEWAnalytical.aspx">Analyse</a></li>
                    <li><a href="NEWNEWReport.aspx">Report</a></li>
                </ul>
            </li>

			<li><a href="NEWContactUs.aspx">Contact Us</a>
				<!--put contact details plus google map-->		
			</li>
			<li><a href="NEWUserUpdatePage.aspx">Account</a>	
                <ul>
					<li><a href="NEWUserUpdatePage.aspx">Update Account</a></li>
                    <li><a href="NEWDelete.aspx">Delete Account</a></li>
					    <%--<li><a href="/NEWMainPage.aspx">Logout</a></li>--%>
				</ul>             	
			</li>
            <li><a href="NEWMainPage.aspx">Logout</a>		
			</li>
		</ul>
    </div>

    <div class="row">
        <div class="twelve columns">
            <span class="style10">Dear</span>
            <asp:Label ID="lblUsername" runat="server" Font-Bold="True" CssClass="style10"></asp:Label>
            ,</div>
    </div>

    <%--<div class="row">
        <div class="twelve columns">
            Welcome
            <asp:Label ID="lblUsername" runat="server"></asp:Label>
        </div>
    </div>--%>

    <div class="row">
        <div class="twelve columns" align="center">
        <h3 class="style9">Pay Trends</h3> 
        </div>
    </div>

    <div class="row">
        <div class="twelve columns" style="background-color: #FFCC99" >
            <p>
                <span class="style14"><strong style="font-size: medium">Summary</strong></span><br />
                Salary Survey for polytechnics have been conducted by MOE since 2007. The 
                objective of the survey is to ask about their current job&#39;s salary for each 
                course and also each industry.<br />
                <br />
                The following charts shows the mean or median monthly salary for two types of 
                category :<br />
                -Fresh Graduates<br />
                -Post-NS Graduates
                <br />
                <br />
The pay trends follows the change in wages of  Polytechnic graduates throughout the years of 2007 to 2010.<strong><br />
                </strong>
            </p>
        </div>

       
    </div>
    <br />

    <div class="row">
        <div class="six columns">
            <br />
            <strong><span class="style13">Trends by Course</span></strong><br />

            <span class="style11">Select a course:</span> </br>
            <asp:DropDownList ID="Courses1DDL" runat="server">
                <asp:ListItem>Please Select a Course</asp:ListItem>
            </asp:DropDownList>
            <asp:Label ID="lblError" runat="server" ForeColor="Red"></asp:Label>
            <br />

            <span class="style11">Compare by selecting one of the following 
            course:</span> <br />
            <asp:DropDownList ID="Courses2DDL" runat="server" >
                <asp:ListItem>Please Select a Course</asp:ListItem>
               
            </asp:DropDownList><br />
            <asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
                Text="Generate by Courses" BackColor="#FFCC66" Font-Bold="True" 
                ForeColor="#663300" />
            <br />
            <br />
            <br />
            <strong><span class="style13">Trends by Industry</span></strong>
            <br />
            <span class="style11">Select an Industry:</span>
            <asp:DropDownList ID="Industries1DDL" runat="server" DataTextField="Course" 
                DataValueField="Course">
                <asp:ListItem>Please Select an Industry</asp:ListItem>
            </asp:DropDownList>
            <asp:Label ID="lblError1" runat="server" ForeColor="Red"></asp:Label>
            <br />
            <span class="style11">Compare by selecting one of the following industry:</span><asp:DropDownList 
                ID="Industries2DDL" runat="server">
                <asp:ListItem>Please Select an Industry</asp:ListItem>
            </asp:DropDownList><br />
            <asp:Button ID="Button2" runat="server" BackColor="#FFCC66" Font-Bold="True" 
                Text="Generate by Industries" onclick="Button2_Click" 
                ForeColor="#663300" />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
        </div>

        <div class="six columns">
           
            <table style="border-style: none; border-collapse:collapse; background-color: #FFCC66;" 
                cellspacing="0" bgcolor="#FFFFCC"
                border="1" frame="void">
                <tr>
                    <td bgcolor="#FFFFCC" class="style12">
                        &nbsp;</td>
                    <td bgcolor="#FFFFCC" class="style7" colspan="4">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td bgcolor="#FFFFCC" class="style12">
                        &nbsp;</td>
                    <td bgcolor="#FFFFCC" class="style7" colspan="4">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td bgcolor="#FFFFCC" class="style12">
                    </td>
                    <td bgcolor="#FFFFCC" class="style7" colspan="4">
                        </td>
                </tr>
                <tr>
                    <td bgcolor="#FFFFCC" class="style15">
                        &nbsp;</td>
                    <td bgcolor="#FFFFCC" class="style3">
                        Mean/Median Wages :</td>
                    <td bgcolor="#FFFFCC" class="style2">
       
            <asp:DropDownList ID="MeanMedianDDL" runat="server" AutoPostBack="True">
                <asp:ListItem>Mean</asp:ListItem>
                <asp:ListItem>Median</asp:ListItem>
            </asp:DropDownList>
        
       
                    </td>
                    <td bgcolor="#FFFFCC" class="style4">
                        Chart View:</td>
                    <td bgcolor="#FFFFCC" class="style8">
        
       
                <asp:DropDownList ID="ChartDDL" runat="server" AutoPostBack="True">
                    <asp:ListItem>Bar Chart</asp:ListItem>
                    <asp:ListItem>Line Chart</asp:ListItem>
                    <asp:ListItem>Pie Chart</asp:ListItem>
                </asp:DropDownList>

                    </td>
                </tr>
            </table>
           
     

                <div id="chart-success"></div>
        
            
        </div>

        <br />

    </div>


    <div class="row">
        <div class="twelve columns" align="center">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/school.JPG" />
            <div class="six column"></div>
        </div>
    </div>
    
    <!-- Included JS Files -->
	<script src="javascripts/foundation.js"></script>
	<script src="javascripts/app.js"></script>

    </form>
</body>
</html>
